﻿@{
    Layout = null;
}
@model INSE6260.OnlineBanking.Model.ClientCard.SecurityInfo
@{
    ViewBag.Title = "Security";
}
<!DOCTYPE html>

<html>
    <head>
         <link href="@Url.Content("~/Content/Site.css")" rel="stylesheet" type="text/css" />
    <script src="@Url.Content("~/Scripts/jquery-1.5.1.min.js")" type="text/javascript"></script>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.js"></script>
    <script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.9/jquery.validate.js"
        type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"></script>
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.13/jquery-ui.min.js"></script>
    <script type="text/javascript" src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.js'></script>
    <script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.9/jquery.validate.js"
        type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"></script>
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.13/jquery-ui.min.js"></script>
    <title>Login</title>
      
    </head>
<body>
    <div align="center" style="top:50%;width:500px; height:300px;margin:auto;text-align:left;padding:15px;border:1px dashed #333;background-color:rgb(224,219,148);">
    <div style="margin: auto;height: 100%;width: 100%;display: inline-block;" align="center">
       
        @using (Html.BeginForm("Security", "Login", FormMethod.Post))
        {
            @Html.ValidationSummary(true)
            <fieldset>
                <legend>Security</legend>
                @Html.HiddenFor(model => model.Question, new {ID = "Question"})
                @Html.HiddenFor(model => model.AccountId, new {ID = "AccountId"})
                <div class="editor-label">
                    @Html.LabelFor(model => model.Question)
                </div>
                <div class="editor-label">
                    @if (@Model != null)
                    {
                        @Model.Question
                    }
                </div>
                <div class="editor-label">
                    @Html.LabelFor(model => model.Answer)
                </div>
                <div class="editor-field">
                    @Html.EditorFor(model => model.Answer)
                    @Html.ValidationMessageFor(model => model.Answer)
                </div>
                <div style="color: red">
                    @if (!String.IsNullOrEmpty(@ViewBag.Message))
                    {
                        @ViewBag.Message
                    }
                </div>
                <p>
                    <input type="submit" value="Ok"  />
                    @Html.ActionLink("Cancel", "Login", "Login", null, new {@class = "khbtn"})
                </p>
            </fieldset>
        }
    </div>
   </div>
</body>
</html>